<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>角色管理</title>
		<!--<link rel="stylesheet" type="text/css" href="css/xtsz2.css"/>-->
		<!--<link rel="stylesheet" type="text/css" href="css/jqgl.css"/>
		<link rel="stylesheet" type="text/css" href="css/jiqiguanli2.css"/>-->
		<link rel="stylesheet" type="text/css" href="css/xtsz8.css"/>
	</head>
	<body>
		<div class="main_content">
			<div class="con_left">
				<div class="l-box">
					<a href="xtsz.html">平台设置</a>
				</div>
				<div class="l-box in">
					<a href="xtsz3.html">角色管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz5.html">用户管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz6.html">区域管理</a>
				</div>
				<div class="l-box">
					<a href="xtsz7.html">操作日志</a>
				</div>
				<div class="l-box">
					<a href="xtsz8.html">部门管理</a>
				</div>
			</div>
			<div class="con_right fl">
				<div class="r_main">
					<form action="" method="post" style="display: inline;">
						<div class="search">
							<span>条件查找<strong>|</strong></span>
								<div class="d-i-b">
									<div class="s-one d-i-b">每页显示条数：
										<div class="f-inp-s d-i-b yeshu">
											<div>
												<select name='make'>
												    <option value='默认' selected>默认</option>
												    <option value='10'>10</option>
												    <option value='30'>30</option>
												    <option value='50'>50</option>
												    <option value='100'>100</option>
												    <option value='300'>300</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">排序：
										<div class="f-inp-s d-i-b px">
											<div>
												<select name='make'>
												    <option value='' selected>创建序号</option>
												    <option value=''>角色名称</option>
												    <option value=''>角色状态</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
									</div>
									<div class="s-one d-i-b">搜索选项：
										<div class="f-inp-s d-i-b yeshu">
											<div>
												<select name='make'>
												    <option value='' selected>角色名称</option>
												    <option value=''>角色说明</option>
												</select>
											</div>
											<div class="s_img">
												<img src="img/select.png"/>
											</div>
										</div>
										<input type="text"></inpu><button class="btn-s">搜索</button>
									</div>
								</div>
						</div>
						<table border="1" cellspacing="0" cellpadding="0">
							<tr>
								<th style="width: 50px;">修改</th>
				                <th style="width: 50px;">删除</th>
				                <th style="width: 80px;">启用状态</th>
				                <th style="width: 300px;">角色名称</th>
				                <th>角色描述</th>
				                <th style="width: 150px;">创建日期</th>
							</tr>
							<tr>
								<td><a href="#" onclick="sendurl1('XiTongSheZhiJSGL.html','绑定机器',false,430,260)"><img src="img/xiugai.png"/></a></td>
								<td><a href="#" onclick="javascript:return confirm('删除后不可回复，确认要删除吗？');"><img src="img/shanchu.png"/></a></td>
								<td>admin88</td>
								<td></td>
								<td></td>
								<td></td>
							</tr>
						</table>
						<div class="jintui clearfix" style="display: none;">
							<p class="fl">
								<span><a href="">首页</a>|</span>
								<span><a href="">前页</a>|</span>
								<span><a href="">后页</a>|</span>
								<span><a href="">尾页</a></span>
							</p >
							<p class="fr">分页1/1</p>
						</div>
						<div class="jintui">
							<a href="xtsz2.html"><span class="btn pltj">新增</span></a>
						</div>	
					</form>
				</div>
			</div>
			<div class="mask"></div>
				<div id="openWindowModal" class="modal in">   
				    <div class="modal-header">
				        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
				        <h3>修改角色</h3>  
				    </div>
				    <div class="modal-body">
				    	<iframe src="" style="width: 100%;height: 99%;" frameborder="no" id="openWindowIFrame"></iframe>
				    </div>
				    <!--<div class="modal-footer">
				        <button id="openWindowBtn" class="btn btn-primary" type="submit">确 定</button>
				        <button class="btn close" data-dismiss="modal" aria-hidden="true" type="button">取 消</button>
				    </div>-->
				</div>
		</div>
		<script src="js/jquery-2.1.0.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/jqgl.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/index.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/bootstrap.min.js"></script>
		<script src="js/distpicker.data.js"></script>
		<script src="js/distpicker.js"></script>
		<script src="js/main.js"></script>
		<script type="text/javascript">
			var bw=$('body').width();
			$('.mask').width(bw-247);
			$(".close").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$('#openWindowIFrame').attr('src','');
			})
			$(".mask").on('click',function(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$('#openWindowIFrame').attr('src','');
			})
//			$(document).ready(function(){
//				$('#openWindowBtn').click(function(e) {
//					console.log($('#openWindowIFrame').contents().find("#btnSubmit").length)
//					if ($('#openWindowIFrame').contents().find("#btnSubmit").length > 0){
//						$('#openWindowIFrame').contents().find("#btnSubmit").click();
//					}else{
//			        	$('#openWindowIFrame').contents().find(":submit").click();
//					}
//				});
//			});
			function closewindow(){
				$(".mask").fadeOut();
				$("#openWindowModal").fadeOut();
				$('#openWindowIFrame').attr('src','');
			}
		</script>
	</body>
</html>